<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>篮球赛事介绍</title>
    <link rel="stylesheet" href="../static/css/introduction.css">
    <script src="../static/js/thing_choice.js"></script>
    <script src="../static/js/comment.js"></script>
</head>
<body>
<!--  大框-->
<div id="container">
    <!--  1 头部-->
    <div id="header">
        <div id="logo"></div>
        <div id="title">
            <br style="font-size: 30px;">
            <font style="font-family: STHupo; font-size: 50px;">
                篮球赛事介绍<br/>
            </font>
            <font style="font-family: STHupo; font-size: 30px;">
                EVENT INTRODUCTION
            </font>
        </div>
        <div id="select_search">
            <table height="160px" align="right">
                <!--						<tr align="right">-->
                <!--							<td>-->
                <!--								<font style="font-family: STHupo; font-size: 20px; color:#0F5F49;">-->
                <!--									关键词:-->
                <!--								</font>-->
                <!--							</td>-->
                <!--							<td><input type="text" size="25"></td>-->
                <!--							<td><input type="image" src="../static/images/搜索.png"></td>-->
                <!--						</tr>-->
                <tr align="right">
                    <td>
                        <span style="font-family: STHupo; font-size: 20px; color:#0F5F49;">欢迎你：</span><span
                            th:text="${user.account}"
                            style="font-family: STHupo; font-size: 20px; color:#0F5F49;">用户</span>
                        <a href="userInfo"
                           style="font-family: STHupo; font-size: 20px; color:#0F5F49;  margin-left: 20px">
                            个人资料
                        </a>
                    </td>
                    <td><a href="/"
                           style="font-family: STHupo; font-size: 20px; color:#0F5F49; margin-left: 10px">注销</a></td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 2导航栏 -->
    <div id="nav">
        <table>
            <td><a href="index">首页</a></td>
            <td><a href="introduction">篮球赛事介绍</a></td>
            <td><a href="match">比赛集锦</a></td>
            <td><a href="tips">篮球攻略</a></td>
            <td><a href="star_player">名人堂</a></td>
            <!-- <td ><a href="toy">手办商城</a></td>
            <td ><a href="survey">问卷调查</a></td>  -->
            <!-- <td ><a href="join">加入我们</a></td>  -->
        </table>
    </div>
    <!-- 3篮球历史介绍 -->
    <div id="zuoyou">
        <div id="zuo">
            <img id="zuo" src="../static/images/篮球历史介绍.png" border="0">
        </div>
        <div id="you">
            <h1 align="center">篮球历史介绍</h1>
            <p class="youp">篮球，起源于美国马萨诸塞州，在1891年12月21日由詹姆斯·奈史密斯创造，是奥运会核心比赛项目，是以手为中心的身体对抗性体育运动。
                1891年12月21日，由美国马萨诸塞州斯普林菲尔德基督教青年会训练学校育教师詹姆士·奈史密斯发明。1896年，篮球运动传入中国，并且
                2002年姚明以状元的身份入选NBA，开启了中国篮球新的狂潮。</p>
        </div>
    </div>
    <!-- 4篮球赛事分类 -->
    <div id="role_class">
        <h2 align="left">赛事介绍</h2>
        <hr size="2px" color="#b5b5b5" width="990px" align="left">
        <table>
            <tr>
                <td id="role_zuo" width="302px" height="200px"><p><font size="4"
                                                                        style="font-weight: 900;">NBA篮球联赛</font></p>
                    National Basketball
                    Association是北美的男子职业篮球组织，是美国四大职业体育联盟之一。拥有30支球队分为东部联盟和西部联盟，每个联盟又被划分为3个赛区，各赛区由5支球队组成。其赛事美国职业篮球联赛，也被直接称为NBA，是全世界水准最高的职业篮球赛事。NBA正式赛季于每年10月中开始，分为常规赛、季后赛两大部分。常规赛结束后，东部和西部联盟分别由前八名进入季后赛，决出东西部冠军，晋级NBA总决赛，后由两个联盟的冠军争夺NBA的最高荣誉──总冠军。
                </td>
                <td><img src="../static/images/NBA.png" width="688px"></td>
            </tr>
<!--            <tr>-->
<!--                <td id="role_zuo" width="302px" height="200px"><p><font size="4"-->
<!--                                                                        style="font-weight: 900;">CBA篮球联赛</font></p>-->
<!--                    中国男子篮球职业联赛简称CBA，英文名为<br>Chinese Basketball-->
<!--                    Association是由中国篮球协会主办的跨年度主客场制篮球联赛，是中国最高等级的篮球联赛。该联赛自每年的10月或11月开始至次年的4月左右结束，其规模、管理、运作和受关注程度都堪称是中国最好最规范的职业联赛，诞生了姚明、王治郅、易建联、朱芳雨等球星。</p>-->
<!--                </td>-->
<!--                <td><img src="../static/images/CBA.png" width="688px"></td>-->
<!--            </tr>-->
<!--            <tr>-->
<!--                <td id="role_zuo" width="302px" height="200px"><p><font size="4" style="font-weight: 900;">路人王</font>-->
<!--                </p>路人王（The King Of-->
<!--                    Underdogs）是由上海路人王信息科技有限公司打造的草根篮球赛事IP，区别于传统篮球的全场5V5赛制，路人王以半场1V1为核心主体玩法，兼顾其他赛制。并邀请FIFA国际篮联技术委员会委员曾洪涛博士担任顾问，完成全球首部完善的一对一篮球规则。赛事面向所有篮球爱好者。-->
<!--                    <p></td>-->
<!--                <td><img src="../static/images/路人王.png" width="688px"></td>-->
<!--            </tr>-->
        </table>
    </div>
    <!--  5场上位置介绍-->
    <div id="thing">
        <p id="cw">场&nbsp;上&nbsp;位&nbsp;置</p>
        <hr size="2px" color="#b5b5b5" width="990px" align="left">
        <form>
            <select id="game" onChange="changeImage()">
                <option value="images/控球后卫.png">控球后卫PG</option>
                <option value="images/得分后卫.png">得分后卫SG</option>
                <option value="images/小前锋.png">小前锋SF</option>
                <option value="images/大前锋.png">大前锋PF</option>
                <option value="images/中锋.png">中锋C</option>
            </select>
        </form>
        <img src="../static/images/控球后卫.png" height="450px" width="990px" id="show">
    </div>
    <!--  6留言-->
    <!--			<div id="comment">-->
    <!--				<h3>留言板</h3>-->
    <!--				<hr size="2px" color="#b5b5b5" width="990px" align="left">-->
    <!--				<form>-->
    <!--					<table align="center">-->
    <!--						<tr>-->
    <!--							<td>邮箱：</td>-->
    <!--							<td><input type="text" id="n"/></td>-->
    <!--							<td>Wechat：</td>-->
    <!--							<td><input type="text" id="x"/></td>-->
    <!--							<td>留言时间：</td>-->
    <!--							<td><input type="text" id="t" placeholder=""/></td>-->
    <!--						</tr>-->
    <!--						<tr>-->
    <!--							<td >留言内容：</td>-->
    <!--							<td colspan="5"><textarea id="txt" cols="86" rows="3" placeholder="评论的时候，请遵纪守法并注意语言文明"></textarea></td>-->
    <!--						</tr>-->
    <!--					</table>-->
    <!--					<div align="center">-->
    <!--						<input type="submit" value="提交留言" onclick="check()">-->
    <!--						<input type="reset" value="重置内容">-->
    <!--					</div>-->
    <!--				</form>-->
    <!--			</div>-->
    <!-- 7版权 -->
    <div id="footer">
        <p class="p1">Copyright&nbsp;&copy;&nbsp;2022&nbsp;<span>LINBO</span>,All&nbsp;rights&nbsp;reserved.</p>
        <p class="p2">2022,版权所有&nbsp;LIN&nbsp;</p>
    </div>
</div>
</body>
</html>
